import React, { Component } from 'react';
import { Button, Carousel, Image, Row, Col } from 'antd';
import { userStore } from '@/stores/user';
import { observer } from 'mobx-react';
import { history } from 'umi';
import styles from './index.less';
const link3 = "https://cloud.chan3d.com/scenes/8976b8de93b04b7392d19e939a5ca9ba/index.html"

export default class Header extends Component {
  handleClick(e) {
    if (e == 3) {
      window.location.href = link3;
    }
  }

  render() {
    return (
      <div>
        <div className={styles.header_s}>
          <Row className={styles.tab_bar}>
            {/* <div className={styles.tabbar_list}>logo</div> */}
            <div className={styles.tabbar_list} onClick={() => { history.push('/') }}>首页</div>
            <div className={styles.tabbar_list} onClick={() => { history.push('/appreciation') }}>展示鉴赏</div>
            <div className={styles.tabbar_list} onClick={() => { history.push('/newsAndAnno') }}>新闻资讯</div>
            <div className={styles.tabbar_list} onClick={this.handleClick.bind(this, 3)}>掌上看展</div>
            <div className={styles.tabbar_list} onClick={() => { history.push('/game') }}>绘画比赛</div>
            <div className={styles.tabbar_list} onClick={() => { history.push("/user/login/") }}>注册/登录</div>
          </Row>
        </div>
      </div>
    )
  }
}